草庐IT

html 图像

全部标签

javascript - AngularJS:HTML 选择使用 map 中的值

有这个HTML:尽管$scope.groups是映射{'a':'','b':'','c':''}我想选择显示map键:a、b、c目前它没有选择任何东西。如何更改ng-options?\更新1gforginObject.keys(groups)也不起作用。 最佳答案 您可以使用以下语法:您可以查看select指令的完整文档,尤其是ngOptions的详细信息:http://docs.angularjs.org/api/ng.directive:select 关于javascript-Ang

javascript - jQuery.contents() 获取每个元素作为 HTML/STRING

我正在尝试使用jquery内容获取某些对象(包括文本)的HTML形式。这是我到目前为止得到的:HTMLtestfoobarjQuery$('#mydiv').contents().each(function(){console.log($(this).html());console.log($(this).prop("innerHTML"));console.log($(this).prop("outerHTML"));});有什么办法吗?我四处搜寻,但找不到任何东西。预先感谢您的回答! 最佳答案 如果您正在寻找包含包装元素的htm

javascript - AngularJS:ng-bind-html 不适用于按钮标签

我在div“ng-bind-html”中动态打印输入类型按钮时遇到问题。HTML模板:Controller:$scope.add=function(){$scope.snippet="Test2";}标签输入被删除,然后我只看到“粗体”文本测试2。谢谢 最佳答案 由于某些原因,您的html标记被Angularjs标记为unsafe。如果您确定您的片段文本是安全的,您可以在将其添加到$scope.snippet之前将其$sce.trustAsHtml。app.controller('yourCtrl',['$scope','$sce'

javascript - 我怎样才能得到一个华丽的弹出窗口来在一个动态画廊中同时显示图像和 iframe 视频?

我正在使用magnificpopup通过以下方式创建图片库:$('.main-content').magnificPopup({delegate:'.gallery',//childitemsselector,byclickingonitpopupwillopentype:'image',gallery:{enabled:true}//otheroptions});我还有一个使用以下内容嵌入的视频:$('.video').magnificPopup({type:'iframe',iframe:{markup:''+''+''+'',//HTMLmarkupofpopup,`mfp-cl

javascript - 如何使用jspdf在多页pdf中保存图像

我有一个要保存为pdf的表格(列对齐方式不同)。我使用html2canvas将表格转换为图像,然后使用jspdf将图像保存为pdf。如果图像的大小小于或等于pdf的页面大小,它会很好地工作,但如果图像大小大于页面大小,那么它只保存pdf的第一页(只有一部分图像)并休息图像的部分未以pdf格式显示/保存。这是我使用的javascript代码。$("#btnVC_saveGLSummary").click(function(){html2canvas($("#tblSaveAsPdf1"),{onrendered:function(canvas){varmyImage=canvas.toD

javascript - 如何从客户端 JavaScript 从 cloudinary 获取我的图像列表?

使用cloudinaryAPI,我可以通过GET获取图像列表:https://API_KEY:API_SECRET@api.cloudinary.com/v1_1/CLOUD_NAME/resources/image/upload但是,从客户端JavaScript使用它会暴露我帐户的APIkey和secret。似乎应该可以在不暴露我的帐户凭据的情况下获取图像列表。我看过CloudinaryAngularJS客户端,它有一个示例项目,可以实现帐户中照片的幻灯片放映。据我所知,该项目使用以下行获取cloudinary帐户中的照片列表varurl=$.cloudinary.url('myph

javascript - 如何为 html 元素文本中的特定字母着色?

这个问题在这里已经有了答案:Changecolorofacharacter(4个答案)关闭8年前。我有一些span里面有一些词,比如Herearesomewords我需要将所有'e'字符都涂成红色。我考虑采用span.innerText属性,从span元素中删除文本节点并在内部(或相反)添加更多span,并赋予它们必要的样式。这是唯一的方法,还是可以用更优雅的方式解决?

javascript - jQuery 图像预览 exif 旋转问题

我正在使用这个jQuery函数在上传之前显示图像。图片是从移动设备上传的,exif方向有问题。该函数只是将预览图片的src换成实际文件图片的base64编码。在服务器端(php),我正在使用一个函数来更正上传时的exif旋转。我可以在jQuery中制作与我的PHP代码类似的东西吗?这样我就可以在上传之前以正确的旋转显示图像?JavascriptfunctionreadURL(input){if(input.files&&input.files[0]){varreader=newFileReader();reader.onload=function(e){$('#blah').attr(

javascript - 使用 <noscript> 回退的 DRY 延迟加载图像

我知道(少数)非JavaScript用户在那里,我想迎合他们,而不是仅仅因为他们的偏好(出于隐私原因或其他原因)而给他们较差的体验。大多数延迟加载JS库似乎以相同的方式解决这个问题,例如参见lazysizes:.no-jsimg.lazyload{display:none;}主要是出于好奇,我想知道是否有可能从中撤回回退。标记并使用JavaScript以编程方式将其添加到DOM,这样图像源就不必在两个图像标记中重复,这只会让我:这是我拼凑的:(function(attribute){Array.prototype.forEach.call(document.getElementsByT

javascript - 使用 javascript 确定 gravatar 是否返回默认图像

vargravatar1;vargravatar2;varemail1=$(email1).val();email1=$.trim(email1);email1=email1.toLowerCase();email1=md5(email1);gravatar1='http://www.gravatar.com/avatar/'+email1;varemail2=$(email2).val();email2=$.trim(email2);email2=email2.toLowerCase();email2=md5(email2);gravatar2='http://www.gravata